@charset "utf-8";

/*top*/

.top_box{ width: 100%; height: 138px; background: url( ../images/tb.png) left center;}
.top_box img{ float: left; margin-top: 38px;}
.nav_box { float: right; margin-top: 40px;}
.nav_box li{ float: left; margin: 0 30px;color: #ccc; line-height: 30px;}
.nav_box li a{color: #ccc; font-size: 16px; }
.nav_box li:hover{ border-bottom: 2px solid #9a6913;}
.nav_box li:hover a{ color: #9a6913;}
.top1{float: right; width: 856px!important;}
.lang{ float: right; margin-top: 15px; margin-right: 30px; color: #ccc;}
.lang a{color: #ccc!important}
/*分类*/
.picbox{ 
	width: 100%; 
	height: 734px;
	background:  url(../images/pic2.png) center ; 
	margin: 0 auto;
	background-size: cover;
}
.picbox .pic_l{ float: left;  margin-top: 80px; position: relative;}
.picbox .pic1{ width: 705px; height: 534px;}
.picbox .pic_t{ position: absolute; right: 210px; bottom: 20px}
.pic_t h1{color: #fe9e00;font-size: 30px; line-height:40px;}
.pic_t span{color: #a7a7a7;font-size: 18px;}

.pic_r{ float: right; margin-top: 80px;}
.pic_r .gengduo{ width: 495px; height: 278px;position: relative;}
.pic_r .gengduo a{ width: 100%; height: 100%; display: block;}
.pic_r .gengduo span{ 
	display: block; 
	position: absolute;
	background: url(../images/ico1.png) no-repeat left center;
	right: 0px;
	bottom: 0px;
	padding: 20px;
	color: #666;
	font-size: 14px;
}
.pic_r .gengduo:hover{ background: url(../images/bj5.png) no-repeat right top;}
.pic_s{ margin-left: -145px; position: relative; width: 640px;}
.pic_s li{  position: relative; float: left;}
.pic_s li .pic_t{ position: absolute; right: 100px; border-bottom: 20px;}
.pic_s li:nth-child(2){ margin-left: -38px;}

/*简介*/
.jianjie{ 
	width: 100%;
	background: url(../images/bj1.png) center;
	background-size: cover;
	height: 360px;
}
.jianjie-e{ 
	width: 100%;
	background: url(../images/Ebj1.png) center;
	background-size: cover;
	height: 360px;
}
.jianjie p{ 
	width: 504px;
	font-size: 14px; 
	line-height: 20px;
	float: right;
	margin-right: 30px;
	margin-top: 120px;
}

.jianjie p a{ color: #fff;}

/*产品&新闻*/
.box3{ width: 100%; background: url(../images/bj3.png) center;  height: 800px; padding-top: 86px;}
.chanpin{ 
	width: 100%;
	height: 280px;
}
.swiper-container {
      width: 100%;
      height: 100%;
    }

.swiper-slide img{ border: 1px #666 solid;}
.swiper-slide span{ 
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #666;
	line-height: 30px;
	display: block;
}

.news_t{ margin-top: 110px;}

.news_box li{ float: left; width: 360px; border-bottom: 2px solid #b17207; padding-bottom: 15px; padding-right: 10px;}
.news_box li h1{ margin-top: 30px; margin-bottom: 3px;}
.news_box li h1 a{ font-size: 18px;color: #fff;}
.news_box li span{ color: #ccc; font-size: 12px;}
.news_box li p{ color: #666; margin-top: 3px; font-size: 14px;}
.news_box li:nth-child(2){ margin-left: 50px; margin-right: 50px;}

/*底部*/
footer{
	width: 100%;
	background: url(../images/bj2.png) center;
	background-size: cover;
	height: 245px;
}
footer .f_logo{ float: left; margin-top: 35px;}
footer ul{ float: left; margin-top: 77px;}
footer ul li{ float: left; margin: 0 26px;}
footer ul li a{ color: #fff; font-size: 16px;}
footer .erweima { float: right; margin-top: 40px;}
.f_r{ float: right;}
.f_r span{ text-align: right; display: block; width: 100%; font-size: 12px; color: #999; margin-top: 20px;}
.f_r a{ font-size: 12px; }

/*content**************************************************************************************/
body{ background: #00060c}
.neiye_box{
	width: 100%;
	padding-bottom: 50px;
	background: url(../images/bj3.png) right bottom no-repeat #00060c;
}
.neiye_box .prev,.neiye_box .next{
	line-height: 30px; 
	font-size: 16px; 
	color: #ccc;
}
.neiye_box .prev{ margin-top: 50px;}
.banner_nei{ width: 100%; position: relative;}
.nav_left{width: 100%; position: absolute; bottom: 0;}
.nav_left li{ float: left; padding: 0 25px; line-height: 50px; background-color: #232323; text-align: center; margin-right: 5px;
min-width: 90px; border-bottom: 2px #000 solid}
.nav_left li a{ color: #fff;}
.nav_left li:hover{background: #000 url( ../images/c_right.png) no-repeat right top;border-bottom: 2px #a96d07 solid}
.content_box01{ width: 100%; margin: 10px auto}
.content_box01 h4{ 
	font-size: 24px;  
	text-align: left; 
	line-height: 40px; 
	margin-top: 40px; 
	color: #fff;
	border-bottom: 1px solid #999
}
.content_box01 p{ text-align: center; border-bottom: 1px solid #666; padding-bottom: 20px; color: #999}
.content_box02{ margin-top: 30px; padding: 0 10px;}
.content_box02 img{ float: left; max-width: 100%;}
.content_box02 p{ color: #ccc;}

/*photo****************************************************************************************/
.photo_box{ margin-top:30px;}
.photo_box ul{ margin:0 auto; width:100%; padding-left:10px;}
.photo_box li{ float:left; position:relative; width:23%; border:2px solid #46bae2; margin:1%;} 
.photo_box li a img{ display:block; width:100%;}
.photo .pic{ margin-right:0px;}
.photo_box li span{ display:block; text-align:center; line-height:30px; margin:0 auto; position:absolute;left:0px; bottom:10px;
 background-color:rgba(0,0,0,0.5); width:100%; color:#fff;}
.photo_box li a img:hover{ opacity:0.7}
.photo_box .paging{ text-align: center; margin-top: 30px;}
.photo_box .paging span:hover{color:#fff; background-color:#46bae2; border:none;}
.photo_box .paging span {background: gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 transparent; 
border: 1px solid #46bae2; border-radius: 3px 3px 3px 3px; color:#46bae2; margin-right: 1px; padding: 3px 8px;}
.photo_box ul li.pic04{ margin-right:0;}
.list_left dt.photo_list{ background-position:left 75px top -468px;}
/*photo—show****************************************************************************************/
.con_weizhi{ width:100%;background: #f4f4f4;  }
.con_weizhi div{ width: 1170px; margin: 0 auto; line-height: 40px; border-bottom: 1px solid #ccc;}
.con_weizhi h1,.con_weizhi h1 a{ font-size: 14px; color: #232323; margin: 0; line-height: 40px;}
.con_weizhi h1 i{color: #46bae2}
.content_box03 img{ width: 80%; display: block; margin: 0 auto;}

/*news_list****************************************************************************************/
.newbox{ width: 100%}
.newbox ul li{ 
	position: relative;
	background:#000;
	border: 1px solid #333;
	transition: all .5s;
    -webkit-transition: all .5s;
}
.newbox ul li .more{ 
	display: block; 
	position: absolute;
	right: 20px;
	line-height: 30px;
	top: 85px;
	opacity: 1;
	color: #fff;
	background: url(../images/ico1.png) no-repeat left center;
	width: 80px;
	padding-left: 20px;
	transition: all .5s;
    -webkit-transition: all .5s;
}
.newbox ul li .neirong{ float:left; width: 500px;}
.newbox ul li img{ display:block; float:left; margin-right:20px; width: 300px;}
.newbox ul li p{ width:100%; text-align:justify; line-height:26px; font-size:14px;color:#ccc;}
.newbox ul li p a{ color:#ccc;}
.newbox ul li h1{ font-size:18px; line-height:30px; color:#fff; font-weight:bold; margin: 10px 0}
.newbox ul li span{  color:#ccc; font-size: 12px;}
.newbox .content>ul li{ margin-top:40px;}
.newbox .content>ul li:hover{
	background: url(../images/n2.png);
	 transition: all .5s;
    -webkit-transition: all .5s;
	border: 1px solid #ccc;
}
.newbox .content>ul li:hover .more{ 
	transition: all .5s;
    -webkit-transition: all .5s;
	margin-right: 50px;
}
.newbox .content>ul li:hover p{ color:#fff;}
.newbox .content>ul li:hover h1{ color:#fff;}
.newbox .content>ul li:hover span{ color:#fff;}
.newbox ul li:hover{}
.news_box{ float:left; margin-top:20px; }

.news_box h1 a{ font-size:18px; color:#333; margin-top:5px;}
.news_box span{ display:block; color:#595959; margin-top:10px;}
.news_but{ display:block; color:#46bae2; font-size:14px; margin-top:20px; margin-bottom:20px;}
.news_fen{padding-bottom:10px; background-image:url(../images/fenge.png); background-position:bottom center; 
background-repeat:no-repeat;}

.news_fen h1 a:hover{color:#46bae2; }
.news_show p{ margin-bottom:50px; line-height:26px; color:#232323; text-align:justify;}

.case_pro{ float:right; margin-top:30px; margin-bottom:80px;}
.case_pro ul li{ float:left; padding:5px; width:auto; border:1px solid #D1D1D1; height:auto; margin:5px; color:#fff;
background: #000}

.case_pro ul li:hover{ background-color:#01030f; color:#fff;}




/*在线留言*/
.message{}
.message .h3{color:#666; font-size:14px;}
.message .top p{line-height:24px;padding-bottom:10px;}
.message h3{font-size:14px;font-weight:bold;line-height:30px;color:#46bae2; }
.message .m{margin-bottom:10px; line-height:30px;}
.message .m label{display:inline-block;width:10%;line-height:30px;vertical-align:top;}
.message .m input{width:400px;height:28px;padding:0 5px;border:1px solid #dfdfdf;}
.message .m .w170{width:170px;}
.message .m span{padding-left:15px;height:30px;vertical-align:bottom;}
.message .m span i{color:#f29751;vertical-align:middle;padding-right:5px;}
.message .msgCon textarea{width:400px;height:100px;padding:5px;font-size:12px;line-height:20px;border:1px solid #dfdfdf;color:#666;}
.msgBtn{margin-top:20px;}
.msgBtn input{width:120px;height:34px;background:#46bae2;color:#FFF;border:0;cursor:pointer;}
.yanzhengma{ height:28px;margin-left:16px;}
/*分页样式*/
.page_turner { padding:20px 0px 0px 1px; clear:both; }
.page_turner a, .page_turner span { float:left; display:block; border:1px solid #D3D1D1; padding:2px 5px; margin-left:4px; line-height:16px; }
.page_turner a:link, .page_turner a:visited { text-decoration:none; }
.page_turner a:hover, .page_turner a.c { background:#CC0001; color:#FFF; }
#total { color:red; }
.note_list_top{ font-size:14px; margin-top:50px; color: #46bae2; font-weight:bold;}
.inner{ width:800px; padding:0 20px; }
.floor{ line-height:30px; font-weight:bold; float:right; color:#BC2326; font-size:14px;}
.centent_box .inner p{ margin:0;}
.meta span{ line-height:30px;}
.inner .blue{ width:700px; display:block; float:left; margin-right:30px;}
.time{ color:#979797;}
.answer{ padding-left:50px; margin-top:10px; border:1px solid #D0D0D0; background-color:#E5E5E5;}
.centent_box .answer p{line-height:20px; margin-bottom:10px;}
.note_list{ border:1px solid #D0D0D0; padding:10px;border-radius:1px; }

@media (max-width: 992px) {
	.row01>div.col-md-2 img{ width: 100%!important;}
	.row01>div.col-md-2 { float: left; width: 18%}
	.row01>div.col-md-6 { float: left;}
	.row01>div.col-md-3 { float: right; width: 26%; padding-top: 15px;}
	.row01>div.clearfix{display: block}
}

.top01{float: right;}

.row01>div.clearfix{display: none}



/*xiazai**********************************/
.xiazai { width: 100%;}
.xiazai ul li{ border-bottom: 1px #666 solid; line-height: 30px; padding-left: 10px; margin-top: 10px;}
.xiazai h2{ float: left;
	font-size: 14px;
	color: #ccc;
	line-height: 30px;
}
.xiazai .more{ float: right; line-height: 30px; color: #ccc}
.xiazai ul li:hover .more{ color: #fe9e00}